<template>
	<view class="myBox">
		<view class="headbox">
			<view class="userInfo"> 
				<u-avatar size="200" :src="user.userAvatar"></u-avatar>
				<text style="font-size: 40rpx;font-weight: 600;padding-left: 30rpx;padding-top: 30rpx;">{{user.userName}}</text>
			</view>
		</view>
		<view class="bodyBox">
			<image @click="toPub" class="bar1"  src="https://qlbb-1302868537.cos.ap-beijing.myqcloud.com/beautifulBar/bar3.png" />
			<image @click="toorder" class="bar2"  src="https://qlbb-1302868537.cos.ap-beijing.myqcloud.com/beautifulBar/bar4.png" />
		</view>
	</view>
</template>

<script>
	export default {
		created(){
		  let user = uni.getStorageSync('user');
		  this.user = user
		},
		data() {
			return {
				user:{}
			}
		},
		methods: {
			toPub(){
				uni.navigateTo({
					url:"../Mypub/Mypub"
				})
			},
			toorder(){
				uni.navigateTo({
					url:"../Myorder/Myorder"
				})
			}
		}
	}
</script>

<style>
page{
	width: 100%;
	height: 100%;
}
.myBox{
	width: 100%;
	height: 100%;
}
.headbox{
	width: 100%;
	height: 500rpx;
	background-color:#07bef3;
	border-radius: 0 0 100rpx 100rpx;
	display: flex;
	justify-content: center;
	align-content: center;
}
.userInfo{
	display: flex;
	flex-direction: column;
}
.uni-image{
	width: 200rpx;
	height: 200rpx;
}
.u-avatar{
	margin-top: 60rpx;
}
.bodyBox{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-left: 80rpx;
	margin-top: 20rpx;
}
.bar1{
	width: 300px;
	height: 150px;
	margin-bottom: 20rpx;
}
.bar2{
	width: 300px;
	height: 150px;
	margin-top: 50rpx;
}
</style>
